@charset "utf-8";
@import (reference) "base.less";
body{overflow-y: auto;
    -webkit-overflow-scrolling: touch;}
.ali-bg { background: url(../images/bg/alibg.jpg) no-repeat center top; background-size:100% 100%; }
.ali-bg .logo { width: 100%; margin-top:20px;}
.ali-mod { width: 90%; margin: 10px auto; }
.ali-mod .login { width: 100%; }
.ali-mod .login .button_login { width: 100%}
.ali-mod .login input { width: 82%; }
.ali-banner { width: 100%; .pr; z-index: 2;}

.ali-apply{
    // .ali-mod;
    .pr; z-index: 2;
    h1 { font-size: 17px; font-weight: 600; .mt10;}
    .gold { 
        background: url(../images/icon/icon5.png) no-repeat left top; background-size:15px auto; .f13;color: #adadb3;.mt10;
        padding-left:20px; 
    }
    .explain {
        .f15; color: #4f4f4f; .mt10;.Multi-hd(@line:5);line-height: 20px;
    }
    .all{
        .db; .ac;font-size: 13px; color: #3bb7d9; .pt10;
        i {   
            width:0px;height:0px; overflow:hidden;border-width:8px;border-color: #3bb7d9 transparent transparent  transparent;
            border-style: solid; border-style:solid dashed dashed dashed;.dib; margin: 0px 0 -8px 4px;
        }
    }
        
    .event-list {
        .pr;
        &:before {.pa; content: ""; border-left: 1px solid #dadad8; height: 100%; top:0; left: 33px;}
        border-bottom:1px solid #dadad8; margin-top: 15px; border-top:1px solid #dadad8;
        span {
         .pa; background: url(../images/icon/icon4.png) no-repeat center top; width: 83px; height: 83px; 
         -webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);left: -80px; top: -10px;
        }
        li { .pr; margin-left:70px; border-bottom:1px solid #dadad8;font-size: 12px; padding: 10px;color: #adadb3; padding-left: 0px;}
        li:nth-child(2) span { background-position:0 -115px; }
        li:nth-child(3) span { background-position:0 -232px; }
        li:nth-child(4) span { background-position:0 -354px; }
        li:nth-child(5) span { background-position:0 bottom; border:none; }
        li:nth-child(5) { border:none; }
        h3{.f16; color: #4f4f4f;.mb10; }
        a{ 
            .f13; color: #3bb7d9; border:1px solid #3bb7d9; .roundedCorners(@radius:5px);
            .pa; top:50%; right:10px; width: 60px; height: 25px; line-height: 25px;.ac; margin-top: -12px;
        }
        .ico-time { background: url(../images/icon/icon5.png) no-repeat left -38px; background-size: 17px auto; margin-right: 5px;  margin-bottom: -3px;}
     }
     .inform-list {
        border-top:15px solid #f5f7fa; 
        li{.f15; color: #6d6d6d; .pr;padding: 10px 90px 10px 45px; border-top:1px solid #dadad8;}
        a{ 
            .f13; color: #3bb7d9; border:1px solid #3bb7d9; 
            .pa; top:50%; right:10px; width: 70px; height: 25px; line-height: 25px;.ac; margin-top: -12px;
        }
        i {
         .pa; background: url(../images/icon/icon5.png) no-repeat center -43px; width:55px; height:37px; 
         -webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);left:-5px; top:50%;margin-top:-20px;
        }
     }
    .details { 
        text-indent:30px; font-size: 15px; color: #4f4f4f; padding: 10px; line-height: 22px; width: 88%; margin: 10px auto 10%;
        background: rgba(255, 255, 255,.35);.roundedCorners(@radius:3px);
    }
    h2 { 
        color: #76c3eb; .f15; .pr; .ac;.p10;
        span { 
            border: 1px solid #76c3eb; .roundedCorners(@radius:20px); .pr; z-index: 5;background: #fff;
            .dib; width: 105px; height: 30px; line-height: 30px;
        }
        &:before { content: ""; .pa; border-top:1px solid #76c3eb; left: 0; top: 50%; width: 100%; z-index: 0;}
    }
    
}

.a-list {
        .ac;margin: 20px auto 40px;
        a {
            display: inline-block;width:27%; height: 66px; line-height: 66px; font-size: 17px;
            .ac;margin: 0 -3px;font-weight: bold;
            color: #333;
            transform: skew(-25deg);
            color: #fff;
            background: #ecb908; 
            span{ transform: skew(25deg);.db;}
        }
        a:first-child{ 
            background: #3166ec;.pr;
            &:before{ 
                .pc; width: 34px; height: 28px;  background: url(../images/img/ali.png);top: -12px; left:-15px;
                 background-size: 34px 28px;transform: skew(25deg);
            }
        }
        a:last-child{ 
            background: #2ac5a6;.pr;
            &:after{ 
                .pc; width: 34px; height: 28px; 
                 background: url(../images/img/ali.png);bottom: -12px; right:-15px;
                 background-size: 34px 28px;transform: skew(25deg) scale(-1);
             }
        }
    }

.bg-home {
    background: url(../images/bg/ali.jpg?v=1) no-repeat center top; height: 100%; width: 100%;position: fixed; top:0;left: 0; 
    background-size: 100% 100% ;background-attachment: fixed;z-index: 0;
}








